<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link href="../css/mui.min.css" rel="stylesheet" />
		<style>
			body{
			background-image: url('../images/bg.png');
			background-size: cover;
		}
		
		.btns{
			position: absolute;
			bottom: 60px;
			height: 40px;
			width: 100%;
		}
		
			
		.btn{
			width: 50%;
			text-align: center;
		}
			
			
		.mui-btn{
			height: 45px;
			width: 70%;
		}
		
		.mui-text-center>span{
			color: #4CD964;
			margin-top: 50%;
			font-size: 10em;
		}
	</style>

	</head>
	<body>

		<div class="mui-text-center">
			<span class="mui-icon mui-icon-weixin"></span>
		</div>


		<div class="btns">
			<div class="btn mui-pull-left">
				<button type="button" id="login" class="mui-btn mui-btn-green">登录</button>
			</div>
			<div class="btn mui-pull-right">
				<button type="button" id="register" class="mui-btn mui-btn-green">注册</button>
			</div>


		</div>

	</body>
	<script src="../js/mui.min.js"></script>
	<script type="text/javascript" charset="utf-8">
		mui.init();
		document.getElementById('login').addEventListener("tap",function(){
			mui.openWindow({
				url:'login.html',
				id:'login'
			})
		})
		document.getElementById('register').addEventListener("tap",function(){
			mui.openWindow({
				url:'login.html',
				id:'login'
			})
		})
	
	</script>
</html>
